.el-picker-panel {
  background-color: #2A3440;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  border: 0;
}

.el-date-table th {
  border-bottom: 1px solid #334151;
  border-radius: 8px;
}

.el-popper .popper__arrow,
.el-popper .popper__arrow::after {
  border-width: 10px;
}

.el-popper[x-placement^=top] .popper__arrow {
  bottom: -10px;
  border-top-color: rgba(0, 0, 0, 0.5);
}

.el-popper[x-placement^=top] .popper__arrow::after {
  border-top-color: #2A3440;
  margin-left: -10px;
}

.el-popper[x-placement^=bottom] .popper__arrow {
  top: -10px;
  border-bottom-color: rgba(0, 0, 0, 0.5);
}

.el-popper[x-placement^=bottom] .popper__arrow::after {
  margin-left: -10px;
  border-bottom-color: #2A3440;
}

.el-date-table td.next-month,
.el-date-table td.prev-month {
  color: #999999;
}

.el-picker-panel__icon-btn,
.el-date-picker__header-label,
.el-date-table th,
.el-date-table td {
  color: white;
}
